<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/flexslider.css">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&subset=latin,vietnamese' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="css/main.css">

    </head>
    <body>
        <div id="container">
            <header>
                <hr class="line">
                <section class="container">
                    <div class="header">
                        <ul>
                            <li class="row logo-head">
                                <div class="logo col-md-6">
                                    <img src="img/logo.png" alt="logo">
                                </div>
                                <div class="search col-md-6">                                  
                                        <form method="get" id="searchform">
                                            <input name="s" type="text" class="search-box" placeholder="Tìm kiếm..." >
                                            <input type="submit" class="sprite btn-search" value=""/>
                                        </form>                                
                                </div>
                            </li>
                            <li>
                                <button class="navbar-toggle" data-target=".bs-navbar-collapse" data-toggle="collapse" type="button">
                                    <span class="sr-only">
                                        Toggle navigation
                                    </span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                                <nav class="collapse navbar-collapse bs-navbar-collapse nav-collapse" role="navigation">
                                    <ul class="nav nav-pills main-nav">
                                        <li class="active"><a href="#">TRANG CHỦ</a></li>
                                        <li><a href="#">GIỚI THIỆU</a></li>
                                        <li><a href="#">GIẢI PHÁP</a></li>
                                        <li><a href="#">DỰ ÁN</a></li>
                                        <li><a href="#">TIN TỨC</a></li>
                                        <li><a href="#">BLOG</a></li>
                                        <li><a href="#">LIÊN HỆ</a></li>
                                    </ul>
                                    <span class="shadow_main_nav"></span>
                                </nav>
                            </li>
                        </ul>
                        <span class="home-header-shadow sprite"></span>
                    </div>
                </section>
            </header><!-- end header -->
            <!-- main body of #main -->
            <div id="main" role="main">
                <div class="home-slider">
                    <img src="img/slider.jpg" alt="asnflaksf" style="margin-left: 33px;">
                    <p class="home-slider-shadow sprite"></p>
                </div>
                <section class="container">
                    <ul>
                        <li class="home-promotion">
                            <ul class="row">
                                <li class="col-md-10">
                                    <p>CHƯƠNG TRÌNH PROMOTION MỚI NHẤT CỦA AGILSUN</p>
                                    <p>
                                        Maecenas eu metus et mauris fermentum pulvinar. Duis nec libero sed elit facilisis ornare sed sodales orci. 
                                        Mauris ultricies dolor eu dolor ultrices dictum.
                                    </p>
                                </li>
                                <li class="col-md-2">
                                    <a href="#">Purchase now</a>
                                </li>
                            </ul>
                        </li>
                        <li class="home-service">
                            <ul class="row">
                                <li class="col-md-4">
                                    <span class="home-develop-icon sprite"></span>
                                    <h1>PHÁT TRIỂN ỨNG DỤNG</h1>
                                    <p>
                                            Donec dictum, nisi id pharetra facilisis, diam nunc tempus sem, id aliquet massa nunc mi. Donec dolor neque, laoreet sed eleifend idlo quam 
                                    </p>
                                    <a href="#">xem thêm</a>
                                </li>
                                <li class="col-md-4">
                                    <span class="home-maketing-icon sprite"></span>
                                    <h1>MARKETING ONLINE</h1>
                                    <p>
                                            Donec dictum, nisi id pharetra facilisis, diam nunc tempus sem, id aliquet massa nunc mi. Donec dolor neque, laoreet sed eleifend idlo quam 
                                    </p>
                                    <a href="#">xem thêm</a>
                                </li>
                                <li class="col-md-4">
                                    <span class="home-seo-icon sprite"></span>
                                    <h1>S.E.O</h1>
                                    <p>
                                            Donec dictum, nisi id pharetra facilisis, diam nunc tempus sem, id aliquet massa nunc mi. Donec dolor neque, laoreet sed eleifend idlo quam 
                                    </p>
                                    <a href="#">xem thêm</a>
                                </li>
                            </ul>
                            <span class="home-service-shadow sprite">                            
                            </span>
                        </li>
                        
                        <li class="row">
                            <div class="home-referral col-md-4">
                                <h1>
                                    GIỚI THIỆU AGILSUN
                                </h1>
                                <p>
                                   Pellentesque sodales mi et tortor ultrices a ultri ciesp diam suscipit. Sed scelerisque nunc laoreet ipsum vet tibulum condimentum. Integer odio risus, pul ac dimi tum ut, cursus sit amet risus. Curabitur quis diam quil mauris commodo venen 
                                </p>
                            </div>
                            <div class="home-news col-md-8">
                                        <h1>
                                            TIN TỨC
                                        </h1>
                                        <div id="related" class="grid_9 flexslider">
                                                <ul class="slides">
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p1.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p2.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p3.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p4.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p5.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p6.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p7.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p8.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>
                                                        <li class="m-thumb entry-image hover-content">
                                                                        <a href="#" class="hover-content"><img src="img/assets/p9.jpg" alt='Lorem1'/></a>
                                                                        <p>
                                                                            Lorem ipsum dollor acs demina ava
                                                                        </p>
                                                        </li>                                                        
                                                </ul>
                                        </div>
                            </div>
                        </li>                       
                        <li class="home-project">
                            <h1>
                                DỰ ÁN
                            </h1>
                            <div id="related2" class="grid_9 flexslider">
                                    <ul class="slides">
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p1.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p2.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p3.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p4.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p5.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p6.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p7.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p8.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p9.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p8.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p9.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p8.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                            <li class="m-thumb entry-image hover-content">
                                                            <a href="#" class="hover-content"><img src="img/assets/p9.jpg" alt='Lorem1'/></a>
                                                            <h2>
                                                                Cozy Studio
                                                            </h2>
                                                            <p>
                                                                Lorem ipsum dollor acs demina ava
                                                            </p>
                                            </li>
                                    </ul>
                            </div>
                        </li>
                    </ul>
                    
                    
                </section>
            </div><!-- end of div#main -->
            <!-- begin footer -->
            <footer>
                <ul>
                    <li class="top-footer">
                        <section class="container">
                            <ul class="row"> 
                                <li class="col-md-6 contact">
                                    <p class="lien-he">Liên Hệ</p>
                                    <p><span>Email:</span> info@agilsun.com</p>
                                    <p><span>Adress:</span> 76 Cuu Long, D.10, HMC city</p>
                                    <p><span>Phone no: </span> 013456789 - 01699169049</p>
                                </li>
                                <li class="col-md-6 social-menu">
                                    <p class="group">
                                        <a href="#"><span class="sprite skype"></span></a>
                                        <a href="#"><span class="sprite google"></span></a>
                                        <a href="#"><span class="sprite fb"></span></a>
                                        <a href="#"><span class="sprite bird"></span></a>
                                    </p>
                                    <ul class="nav nav-pills navbar-right footer-nav">
                                        <li><a href="#">Trang chủ</a></li>
                                        <li><a href="#">Giới thiệu</a></li>
                                        <li><a href="#">Giải pháp</a></li>
                                        <li><a href="#">Tin tức</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Liên hệ</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </section><!-- end section.container -->
                    </li>
                    <li class="copyright">
                        <section class="container">
                            <p>© 2013 AGILSUN</p>
                        </section><!-- end section.container -->
                    </li>
                </ul>

            </footer><!-- end footer -->
        </div><!-- end #container -->    
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>

        <script src="js/vendor/bootstrap.min.js"></script>

        <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
        
        <script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
        
        <script src="js/main.js"></script>

        <script>
            var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
            (function(d, t) {
                var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
                g.src = '//www.google-analytics.com/ga.js';
                s.parentNode.insertBefore(g, s)
            }(document, 'script'));
        </script>
    </body>
</html>
